<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=1024" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>English ppt</title>
    
    <meta name="description" content="impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com." />
    <meta name="author" content="Bartek Szopka" />

    <link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />

    <link href="css/impress-demo.css" rel="stylesheet" />
    
    <link rel="shortcut icon" href="favicon.png" />
    <link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head>

    
<body class="impress-not-supported">

<!--
    For example this fallback message is only visible when there is `impress-not-supported` class on body.
-->
<div class="fallback-message">
    <p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
    <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>


<div id="impress">
    
    <div class="step" data-x="0" data-y="0"  data-rotate="0" data-scale="30">
        <q>How can I learn programming?</q>
    </div>

    <div  class="step" data-x="-1000" data-y="3000"  data-rotate="40" data-scale="5">
        <q>1. Improve your <b>typing</b> speed </q>
    </div>
    
     <div  class="step" data-x="-1000" data-y="5000" data-rotate="80" data-scale="5">
        <q>2. Get access to a computer</q>
    </div>

     <div class="step" data-x="-1000" data-y="7000" data-rotate="120" data-scale="5">
        <q>3. Don't just read... Do it!</q>
    </div>

    <div  class="step" data-x="-1000" data-y="9000" data-rotate="160" data-scale="5">
        <q>4. Study the code written by other programmers</q>
    </div>

     <div class="step" data-x="-1000" data-y="11000" data-rotate="200" data-scale="5">
        <q>5. Experiment a lot</q>
    </div>

    <div  class="step" data-x="-1000" data-y="13000" data-rotate="240" data-scale="5">
        <q>6. Be a self learner</q>
    </div>

     <div class="step" data-x="-1000" data-y="15000" data-rotate="280" data-scale="5">
        <q>7. Teach someone</q>
    </div>

    <div  class="step" data-x="-1000" data-y="17000" data-rotate="320" data-scale="5">
        <q>8. Be patient and keep practicing</q>
    </div>

    
    <div class="step" data-x="-11000" data-y="5000" data-scale="30" data-rotate="-90">
        <q>
            Don't give up!
        </q>
    </div>
    <!-- 
    <div class="step" data-x="-2000" data-y="0" data-scale="0" data-scale="20">
            Don't give up!
    </div> 
 -->
</div>

<script src="js/impress.js"></script>
<script>impress().init();</script>

</body>
</html>

